﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ChangePassword.ascx.cs" Inherits="SonCa.SocialNetwork.Web.ASCX.ChangePassword" %>

<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#txtOldPass").val("");
        $("#txtNewPass").val("");
        $("#txtRepeatNewPass").val("");

        $("#txtOldPass").change(function () {
            var accountID = $("#<%=hdtAccountID.ClientID%>").val();
            var oldPass = $("#txtOldPass").val();
            $.ajax({
                type: "post",
                url: "../Services/AjaxService.svc/CheckPassword",
                data: '{"accountID" : "' + accountID + '","password" : "' + oldPass + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    if (msg.d == "ok") {
                        $("#check_fail").hide();
                        $("#check_ok").show('slow');
                    }
                    else {
                        $("#check_ok").hide();
                        $("#check_fail").show('slow');

                        $("#error_changepass").show('slow');
                        $("#error_changepass").text("Mật khẩu không đúng, xin nhập lại.").delay(1500);
                        $("#error_changepass").hide('slow');

                        $("#txtOldPass").val("");
                    }
                },
                error: function () { }
            });
        });

        $("#btnChangePassword").click(function () {
            var oldPass = $("#txtOldPass").val();
            if (oldPass.length == 0) {
                $("#error_changepass").show('slow');
                $("#error_changepass").text("Bạn chưa nhập mật khẩu cũ.").delay(1500);
                $("#error_changepass").hide('slow');
                $("#txtOldPass").focus();
                return false;
            }
            var newPass = $("#txtNewPass").val();
            if (newPass.length == 0) {
                $("#error_changepass").show('slow');
                $("#error_changepass").text("Bạn chưa nhập mật khẩu mới.").delay(1500);
                $("#error_changepass").hide('slow');
                $("#txtNewPass").focus();
                return false;
            }
            var repeatNewPass = $("#txtRepeatNewPass").val();
            if (repeatNewPass.length == 0) {
                $("#error_changepass").show('slow');
                $("#error_changepass").text("Bạn chưa nhập lại mật khẩu mới.").delay(1500);
                $("#error_changepass").hide('slow');
                $("#txtRepeatNewPass").focus();
                return false;
            }
            if (newPass != repeatNewPass) {
                $("#error_changepass").show('slow');
                $("#error_changepass").text("Mật khẩu nhập lại chưa đúng.").delay(1500);
                $("#error_changepass").hide('slow');
                $("#txtRepeatNewPass").focus();
                return false;
            }
            var accountID = $("#<%=hdtAccountID.ClientID%>").val();
            $.ajax({
                type: "post",
                url: "../Services/AjaxService.svc/ChangePassword",
                data: '{"accountID" : "' + accountID + '","password" : "' + repeatNewPass + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    if (msg.d == "ok") {
                        $("#error_changepass").show('slow');
                        $("#error_changepass").css("color", "green");
                        $("#error_changepass").text("Đổi mật khẩu thành công.").delay(1500);
                        $("#error_changepass").hide('slow');
                    }
                    else {
                        $("#error_changepass").show('slow');
                        $("#error_changepass").text("Đổi mật khẩu thất bại,thử lại").delay(1500);
                        $("#error_changepass").hide('slow');
                    }
                }
            });
        })
    });    
</script>

<div align="center">
    <asp:HiddenField ID="hdtAccountID" runat="server" Value='<%# Eval("AccountID") %>' ClientIDMode="Static" />
    <div id="error_changepass" style="display:none;color:Red"></div>
    <table width="330px" height="150px">
        <tr>
            <td>Nhập mật khẩu cũ : </td>
            <td>
                <input type="password" id="txtOldPass" style="width:150px" />
            </td>
            <td><img src="../img/check_ok.png" id="check_ok" style="display:none" alt="" /></td>
            <td><img src="../img/check_fail.png" id="check_fail" style="display:none" alt="" /></td>
        </tr>        
        <tr>
            <td>Nhập mật khẩu mới : </td>
            <td>
                <input type="password" id="txtNewPass" style="width:150px" />
            </td>            
        </tr>
        <tr>
            <td>Nhập lại mật khẩu mới : </td>
            <td>
                <input type="password" id="txtRepeatNewPass" style="width:150px" />
            </td>
        </tr>            
    </table>
    <div>
        <input type="button" id="btnChangePassword" class="button" value="OK" />
    </div>        
</div>